<template>
    <div class="Payok_Appointment">
        <div class="payok_top" style="height: 60px;">
            <span class="goback" style="float: left;font-size: 20px;">关闭</span>
            <div style="font-size: 20px; text-align: center" class="title">支付完成预约</div>
        </div>
        <div class="payok_order">
           <div class="payok_id" style="font-size:20px;">订单号：1009</div>
        </div>
        <div class="payok_prick">
            <span class="prick" style="font-size: 20px; padding-left:10px;">支付金额：</span>
            <div style="font-size: 30px;color: rgb(238, 128, 55); text-align: center">￥1397</div>
        </div>
        <div class="select_way" style="border-bottom: 1px solid rgb(168, 168, 168);">
           <div class="payok_id" style="font-size:20px; padding:20px;">选择支付方式</div>
        </div>
        <div class="select_option" style="padding: 10px;">
            <van-icon name="alipay" class="alipay" style="font-size:70px;" />
            <van-icon name="wechat" class="wechat" style="font-size:70px;" />
        </div>
    </div>
</template>

<script>
    export default {
        name: "Payok_Appointment",
    };
</script>

<style >
    /* 订单号 */
    .payok_order{
        height: 50px;
        border-bottom: 1px solid rgb(168, 168, 168);
        margin: 6px;
    }
    /* 支付金额 */
    .payok_prick{
        border-bottom:8px solid rgb(238, 238, 238);
        height: 80px;
    }

</style>